<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
</head>
<style type="text/css">
	header{
		position: relative;
		width: 100%;
		height: 50px;
		background-color: #669999;
	}
	header .left{
		font-size: 16px;
		position: absolute;
		top: 13px;
		bottom: 0;
		left: 8px;
		width: 100px;
		height: 50px;
	}
	header .left img{
		width: 24px;
	}
	header .center{
		font-size: 18px;
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		color: #fff;
		letter-spacing: 8px;
	}

	footer{
		position: fixed;
		width: 100%;
		height: 50px;
		bottom: 0;
		background-color: #669999;
		margin: 0 auto;
	}
	footer div{
		margin: 0 auto;
		text-align: center;
	}
	footer span{
		line-height: 50px;
		color: #fff;
		margin: 0 10px;
	}
	footer .num{
		color: #ccc;
	}
	#content{
		margin: 0 auto;
		padding-bottom: 50px;
    margin-top: 40px;
		width: 90%;
	}
  #content .lists{
    width: 100%;
    overflow: hidden;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #669999;
  }
  #content .lists a{
    color: #000;
  }
  #content .lists a:hover{
    color: #669999;
  }
	#page{
    margin-top: 20px;
    float: right;
  }
  #page .pageList{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #669999;
    color: #fff;
    text-align: center;
    border-radius: 4px;
  }
</style>
<body>
	<header>
   		<div class="left" id="leftBtn">
			<img src="../image/back.png">
   		</div>
   		<div class="center">学院新闻</div>
   		<div class="right"></div>
   	</header>

   	<div id="content">
   	  <div class="lists">
        <a href="newsInfo.html">我院承办的校第十七届“科技文化月”之PPT设计与演示大赛决赛圆满落幕</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">我院学生支部开展入党宣誓仪式暨12月专题党日活动</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">我校罗代忠教授应邀在第三届河南新型本科院校计算机院长论坛作主题报告</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">我院成功举办第620期周末文化广场暨迎新晚会</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">我院副院长罗代忠教授应邀 出席第五届MOOC与高校计算机课程建设研讨会并作主题报告</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">我院召开2014级学生毕业设计替代答辩</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">全球最大开发者社区CSDN副总裁孟岩博士来校讲学</a>
      </div>
       <div class="lists">
        <a href="newsInfo.html">我院召开2014级学生毕业设计替代答辩</a>
      </div>
      <div class="lists">
        <a href="newsInfo.html">全球最大开发者社区CSDN副总裁孟岩博士来校讲学</a>
      </div>
      <div id="page">
        <div class="pageList" style="color: #ccc">
          1
        </div>
        <div class="pageList">
          2
        </div>
        <div class="pageList">
          3
        </div>
        <div class="pageList">
          4
        </div>
      </div>
   	</div>
</body>

<script type="text/javascript" src="../script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function(){
    	var w = $(window).width();
  		var h = $(window).height();
  		$(".center").css("left",(w-72)/2 + "px");
  		$("#head").css("left",(w-80)/2 + "px");
   	};

   	$("#leftBtn").click(function(){
   		api.openWin({
         	name: 'main',
            url: '../html/main.html',
            bounces: true,
  		});
   	});
</script>
</html>